/*公共样式*/
* {
  margin: 0;
  padding: 0
}

ul, li, ol {
  list-style: none;
}

a, a:hover, a:active, a:visited, a:link, a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: #6d6d6d;
}

input, button {
  background: none;
  border: none;
  outline: none;
}

button {
  border: none;
}
html,body{
  width: 100%;
  height: 100%;
}

/*	Vue渲染前控制--开始*/
[v-cloak] {
  display: none;
}

/* 省略号 */
.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.ellipsis_more {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.ellipsis_more_2 {
  -webkit-line-clamp: 2;
}

.ellipsis_more_3 {
  -webkit-line-clamp: 3;
}
.ellipsis_more_4 {
  -webkit-line-clamp: 4;
}
.text-decoration {
  text-decoration: line-through
}

/*弹性盒子*/
.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-direction {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.space-left {
  -webkit-box-pack: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.space-between {
  -webkit-box-pack: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.space-around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-between;
  justify-content: space-around;
}

.justify-content {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.align-items {
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -moz-align-items: center;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tx-l {
  text-align: left;
}

.tx-r {
  text-align: right;
}

.tx-c {
  text-align: center;
}


